<!DOCTYPE HTML>
<html>
<head>
<title>Matthijs en Timo Roulette</title>
<link rel="stylesheet" href="css/style.css" />
<script type='text/javascript' src="js/jquery-1.8.2.min.js"></script>
<script type='text/javascript' src="js/roulette.js"></script>
</head>
<body>
	<a href="indexmobile.html" data-role="button">Mobile</a>
	<div id="login">
		<form>
			username: <input type="text" id="username" /> password: <input
				type="text" id="password" /> <input type="button" id="btnLogin"
				onClick="checkLoginForm();" value="Login"> <input
				type="button" id="btnRegister" onClick="registerPlayer();"
				value="Register">
		</form>
	</div>
	<div id="wrapper">
		<div id="leftArea">
			<label id="tableLabel">Tables:</label>
			<ul id="tableList"></ul>
			<label id="playerLabel">Players:</label>
			<ul id="playerList"></ul>
		</div>
		<div id="mainArea">
			<div id="formArea" style="height: 90px;">
				<form action="" method="post" id="form">
					<label class="nameLabel">Name:</label><br /> <select
						class="mainArea" id="betOption" name="betOption">
						<option value="0">0</option>
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
						<option value="7">7</option>
						<option value="8">8</option>
						<option value="9">9</option>
						<option value="10">10</option>
						<option value="11">11</option>
						<option value="12">12</option>
						<option value="13">13</option>
						<option value="14">14</option>
						<option value="15">15</option>
						<option value="16">16</option>
						<option value="17">17</option>
						<option value="18">18</option>
						<option value="19">19</option>
						<option value="20">20</option>
						<option value="21">21</option>
						<option value="22">22</option>
						<option value="23">23</option>
						<option value="24">24</option>
						<option value="25">25</option>
						<option value="26">26</option>
						<option value="27">27</option>
						<option value="28">28</option>
						<option value="29">29</option>
						<option value="30">30</option>
						<option value="31">31</option>
						<option value="32">32</option>
						<option value="33">33</option>
						<option value="34">34</option>
						<option value="35">35</option>
						<option value="36">36</option>
						<option value="37">1-12</option>
						<option value="38">13-24</option>
						<option value="39">25-36</option>
						<option value="40">Linker rij</option>
						<option value="41">Midden rij</option>
						<option value="42">Rechter rij</option>
						<option value="43">Even</option>
						<option value="44">Oneven</option>
						<option value="45">Rood</option>
						<option value="46">Zwart</option>
						<option value="47">1-18</option>
						<option value="48">19-36</option>
					</select> <input type="text" id="betValue" class="mainArea"
						onkeypress="return isNumberKey(event)" /> <input type="button"
						id="btnSave" class="mainArea" onClick="addBet();" value="Bet!">
				</form>
			</div>
			<div id="console" style="height: 450px; margin-left: 5px;"></div>
			<br />
			<div id="rouletteTable" style="text-align: center">
				<img src="roulette.jpg" />
			</div>
		</div>
		<div id="rightArea">
			<div id="resultBlock">
				<label class="resultText"></label>
			</div>
			<div id="timeBlock">
				<label class="timeText"></label><label class="timeLeft"></label>
			</div>
		</div>
	</div>
</body>
</html>